제이쿼리를 사용하여 input 태그 그리고 textarea 태그를 활성화 또는 비활성화로 변경하는 방법을 알아봅니다. 입력폼인 위 태그를 활성화 또는 비활성화 할 경우
글 입력(작성)이 가능 또는 불가능하게 변경할 수 있습니다. 그렇다면 아래는 이를 바꾸는 방법입니다.
$(ele).attr('disabled', 'disabled');
# 제이쿼리 attr()함수를 사용한 비활성 방법
이 방법은 jQuery를 사용하여 해당태그에 속성값
disabled를을 추가하는 방법입니다.
attr() 메소드를 사용하면 속성과 속성값을 추가할 수 있습니다. attr() 메소드를 사용하는 간단한 예제는 아래에서 알아봅니다.
# 글입력폼 비활성화 예제보기, attr('disabled')아래 예제를 봐주세요. 버튼을 클릭할 경우 활성화에서 비활성화로 변경되는 간단한 예제입니다.
<input type="text" placeholder="site name" />
<button id="sitename">Disable</button>
아래는 스크립트코드입니다.
$('#sitename').click(function() {
$('input').attr('disabled', 'disabled');
});
이제 버튼을 클릭하여 비활성화로 바뀌게되었습니다. 이처럼 attr()을 사용하여 diabled 속성을 추가할 수 있습니다. 이제 아래에서 실제로 클릭해보세요.
# 비활성화 예제 실제구현 및 클릭해보기
위 예제를 실행하면 아래와 같습니다. 이제 버튼을 클릭하세요.